<template>
  <div>
    <h1>Switch 开关 </h1>
    <Captions title="常规用法">
    </Captions>
    <Demo :component="Switch1Demo"></Demo>

    <Captions title="支持 disabled">
      通过设置 <span class="mark-span">disabled</span>来将Switch禁用
    </Captions>
    <Demo :component="Switch2Demo"></Demo>

    <TableDes :headList="headList" :columnList="columnList"></TableDes>
  </div>
</template>
<script lang="ts">
  import Captions from '../Captions.vue'
  import TableDes from '../TableDes.vue'
  import Switch1Demo from './Switch1demo.vue'
  import Switch2Demo from './Switch2demo.vue'
  import Demo from '../Demo.vue'
  export default {
    components: {
      Demo, Captions, TableDes
    },
    setup() {
      const headList = ['参数', '说明', '类型', '可选值', '默认值']
      const columnList = [
        ['v-model:value','绑定值', 'boolean',  '—', ' —'],
        ['disabled','是否禁用', 'boolean',  '—', ' false']
      ]
      return {
        Switch1Demo, Switch2Demo, headList, columnList
      }
    }
  }
</script>
<style lang="scss" scoped>

</style>
